function fn() {

    //insertBefore(a,b):把a放到b前面，函数由ab父级元素调用
    let img = document.createElement("img")
    img.src = '../img/f7.jpg'
    img.width = '100px'
    //找到父级元素app和text
    let text = document.querySelector('.text')
    //插入操作
    function insert(el, el1) {
        //判断空
        if (el1 && el1.parentNode) {
            //insertBefore第一个参数不能为空,el!==null
            el1.parentNode.insertBefore(el, el1)
        }
    }
    insert(img, text)
    log(document.body) //body
    log(document.documentElement) //html
}

//找到box元素，cloneNode(deep)
let box = document.querySelectorAll('.box')
//克隆一个box，但是没内容。js特性，浅克隆
let box1 = box[0].cloneNode(true)
box[0].after(box1)
box = document.querySelectorAll('.box')
for (let i = 0; i < box.length; i++) {
    box[i].onclick = function () {
        this.style.color = 'blue'
        this.style.backgroundColor = 'yellow'
    }
}